<!--  -->
<template>
  <div class="page-wrap sys">
    <div class="sys-title">
      <div class="sys-title-icon"><van-icon name="bell" color="#fff" size="20" /></div>
      <div class="sys-title-time">
        <p class="sys-title-time">协同提醒</p>
        <p class="sys-title-time-item">{{ endDate || '--' }}</p>
      </div>
    </div>
    <div class="list-page">
      <div class="list-title">{{ type || '--' }}类问题整改未完成提醒</div>
      <div class="list-title-er">"以下今日未整改问题"</div>
      <van-list v-model="loading" :finished="finished"
        v-if="(list && list.length && list != null) || loading == true">
        <van-cell v-for="(item, index) in list" :key="index" class="list-title-item" @click="linkJump(item, index)">
          <ul>
            <li class="list-title-item-cop">{{ item.cop || '--' }}</li>
            <li>问题描述：{{ item.content || '--' }}</li>
            <li>整改状态：{{ item.status || '--' }}</li>
            <li>整改人：{{ item.personInCharge || '--' }}</li>
            <li>发现日期：{{ item.createTime || '--' }}</li>
          </ul>
        </van-cell>
      </van-list>
      <!-- <div v-else>
        暂无数据
      </div> -->
      <!-- <ul v-for="(item, index) in list" :key="index" class="list-title-item" @click="linkJump(item, index)">
        <li class="list-title-item-cop">{{ item.cop || '--' }}</li>
        <li>问题描述：{{ item.content || '--' }}</li>
        <li>整改状态：{{ item.status || '--' }}</li>
        <li>整改人：{{ item.personInCharge || '--' }}</li>
        <li>发现日期：{{ item.createTime || '--' }}</li>
      </ul> -->
    </div>
  </div>
</template>

<script>
import { clientService } from '@/api'
import CONFIG from "@/config/config";
import storage from "@/utils/storage";
import dayjs from 'dayjs'
import { Toast } from 'vant';
export default {
  name: 'Sys',
  data() {
    return {
      loading: true,
      list: [],
      type: 'A',
      endDate: dayjs().format('YYYY/MM/DD') + ' 10:00',
      finished:false,
    };
  },
  //组件
  components: {},
  //在实例创建完成后被立即调用
  created: function () {
    this.type = this.$route.query.type
    this.lists()
  },
  //计算属性  将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
  computed: {},
  //dom 加载完后执行
  mounted: function () { },
  //方法
  methods: {
    lists() {
      clientService.getEmphasisList().then(json => {
        let res = json.result
        this.loading=false
          this.finished=true
        if (!json.error) {
          console.log(json)
          if (this.type == 'A') {
            this.list = res.importanceAttentionsByA
          } else {
            this.list = res.importanceAttentionsByS
          }
          console.log(this.list)
        } else {
          Toast.fail(json.error.msg);
          if (json.error.code == 1104 ||json.error.code == 99991677) {
            storage.setItem(CONFIG.TOKEN, '');
            this.$router.replace({ name: 'Auth' })
          }

        }
      })
    },
    linkJump(item, index) {
      console.log(item, index)
      storage.setItem(CONFIG.ITEM, JSON.stringify(item));
      this.$router.push({
        name: 'cop', // 跳转的目标路由路径
        query: {
            "appToken": item.appToken,
            "tableId": item.tableId,
            "recordId": item.recordId,
            "messageId": item.messageId,
          },
        params: {
          item: item
        }
      });
    }
  },
  //一个对象，键是需要观察的表达式，值是对应回调函数
  watch: {},
};
</script>


<style scoped lang="less">
@import './sys.less';
</style>
